<template>
	<view class="model">
		<view class="uni-list-cell">
			<text class="list-title">数据观测时间 </text>
			<view class="list-body">
				<input v-model="date.obsTime" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">温度 单位:℃ </text>
			<view class="list-body">
				<input v-model="date.temp" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">体感温度 单位:℃ </text>
			<view class="list-body">
				<input v-model="date.feelsLike" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">天气 </text>
			<view class="list-body">
				<input v-model="date.text" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">风向360角度 </text>
			<view class="list-body">
				<input v-model="date.wind360" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">风向 </text>
			<view class="list-body">
				<input v-model="date.windDir" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">风力等级 </text>
			<view class="list-body">
				<input v-model="date.windScale" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">风速 公里/小时 </text>
			<view class="list-body">
				<input v-model="date.windSpeed" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">相对湿度 百分比 </text>
			<view class="list-body">
				<input v-model="date.humidity" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">小时累计降水量 单位：毫米 </text>
			<view class="list-body">
				<input v-model="date.precip" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">大气压强 单位：百帕 </text>
			<view class="list-body">
				<input v-model="date.pressure" class="list-input" disabled="true"/>
			</view>
		</view>
		<view class="uni-list-cell">
			<text class="list-title">能见度 单位：公里 </text>
			<view class="list-body">
				<input v-model="date.vis" class="list-input" disabled="true"/>
			</view>
		</view>
	</view>
</template>

<script>
	import moment from 'moment'
	export default {
		data() {
			return {
				date:{}
			}
		},
		onLoad(options) {
			this.date = JSON.parse(decodeURIComponent(options.item))
			this.date.obsTime = moment(this.date.obsTime).format('hh:mm')
			// console.log(JSON.parse(decodeURIComponent(options.item)))
		}
	}
</script>

<style scoped>
	@import "../../../common/css/model.css";
	page{
		background-color: #fff;
	}
	.content {
		padding-bottom: 30upx;
	}
	.requird {
		color: #DD524D;
	}
	.picture {
		padding:10px 10px;
		display:flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.tianjia,.imgshow {
		width: 65px;
		height: 65px;
		margin: 5px;
		margin-left: 0;
		border-radius: 5px;
		position: relative;
	}
	.imgshow .img {
		width: 65px;
		height: 65px;
		border-radius: 5px;
	}
	.delimg {
		width: 20px;
		height: 20px;
		position: absolute;
		z-index: 9999;
		top: -5px;
		right: -5px;
	}
	.iconCancel{
		position: absolute;
		top: -15upx;
		right: -15upx;
	}
	.uni-list-cell {
		display: flex;
		justify-content:space-between;
		padding: 10upx;
	}
	.list-column {
		display: block;
		padding-top: 20upx;
		padding-bottom: 25upx;
	}
	.list-title {
		padding-left: 25upx;
		font-size: 35upx;
	}
	.list-body {
	}
	/* .list-textarea {
		width: 93%;
		height: 150upx;
		margin: 0 auto;
		margin-top: 15upx;
		border: 1px dashed #999999;
		border-radius: 5upx;
		padding-top: 10upx;
		font-size: 35upx;
	} */
	.list-textarea {
		width: 93%;
		height: 150upx;
		margin: 0 auto;
		margin-top: 15upx;
		font-size: 35upx;
		background-color: #f2f2f2;
	}
	.gray{
		color:#999999;
	}
	.picker{
		font-size: 35upx;
	}
	.uni-input{
		font-size: 35upx;
	}
	
	.list-input {
		text-align: right;
		height: 35px;
		margin-right: 25upx;
		font-size: 35upx;
	}
	.list-picker {
		width: 350upx;
		text-align: right;
		height: 35px;
		margin-right: 25upx;
		font-size: 35upx;
		white-space: nowrap;
		overflow: scroll;
		position: relative;
		top: 14upx;
	}
	/* 添加列表 */
	.box {
		width: 100%;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
	}
	.card {
		width: 95%;
		margin: 10upx auto;
		background-color: #FFFFFF;
		border-radius: 2px;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	}
	.card-title {
		width: 100%;
		height: 80upx;
		line-height: 80upx;
		overflow: hidden;
		border-bottom: 1px solid #DCDCDC;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content:space-between;
	}
	.card-title-left {
		width: 50%;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.card-title-right {
		width: 50%;
		height: 80upx;
		line-height: 80upx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content:flex-end;
	}
	.right-methods {
		display: block;
		width: 60upx;
		height: 60upx;
	}
	
	.card-content{
		width: 100%;
	}
	.card-content-border {
		width: 95%;
		margin: 0 auto;
	}
	.card-content-row {
		width: 100%;
		padding: 0;
		/* height: 80upx;
		line-height: 80upx; */
		display: flex;
		align-items: center;
		justify-content: space-between;
		
	}
	.card-content-row .list-text {
		
	}
	.card-content-row .list-input {
		width: 70%;
		margin-right: 0;
		position: relative;
	}
	.card-content-row .list-input .uni-input{
		padding: 17rpx 0rpx;;
		position: relative;
		top: -1upx;
	}
	/* .card-content-row .uni-input {
		padding:17rpx 0rpx;
	}
	.uni-input {
		padding:17rpx 25rpx;
	} */
	.plus-primary {
		width: 95%;
		margin: 10upx auto;
		color:#0A98D5;
		font-weight: bold;
		border:1px dashed #0A98D5;
		background-color:transparent;
	}
</style>
